<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>一分钟教你选花</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/common.css" rel="stylesheet">
<link href="css/chooseflower.css" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.css">
  <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.css">
  <![endif]-->
</head>

<body>
    <!--顶部导航开始-->
        <div class="site_nav">
            <div class="center clearfix">
                <ul class="center_ul_l clearfix">
                    <li class="li1">
                        <a href="#">
                            <span></span> 收藏鲜花网(hua.com)
                        </a>
                    </li>
                    <li class="li2 por">
                        <a href="#">
                            <span></span> 关注微信
                        </a>
                        <div class="line poa">
                        </div>
                        <div class="dropdown poa">
                            <img src="img/wechat_qrcode.jpg" />
                            <p>扫码关注<br>回复"礼物" 更多惊喜！</p>
                        </div>
                    </li>
                    <li class="li3 por">
                        <a href="#">
                            <span></span> 手机花礼
                        </a>
                        <div class="line poa">
                        </div>
                        <div class="dropdown poa">
                            <img src="img/wechat_qrcode.jpg" />
                            <p>首单再减20！<br/>(需输入券号9920)</p>
                        </div>
                    </li>
                </ul>

                <ul class="center_ul_r clearfix">
                    <li class="li1">
                        <a href="login.html">你好，请登录</a>
                    </li>
                    <li class="site_nav_pipe"></li>
                    <li class="li2">
                        <a href="register.html">注册</a>
                    </li>
                    <li class="site_nav_pipe"></li>
                    <li class="li3">
                        <a href="#">订单查询</a>
                    </li>
                    <li class="site_nav_pipe"></li>
                    <li class="li4">
                        <a href="#">我的礼花</a>
                    </li>
                    <li class="site_nav_pipe"></li>
                    <li class="li5 por">
                        <a href="#">
                            客户服务
                            <i></i>
                        </a>
                        <div class="line poa">
                        </div>
                        <div class="dropdown poa">
                            <a href="#">在线付款</a>
                            <a href="#">帮助中心</a>
                            <a href="#">售后服务</a>
                            <a href="#">配送范围</a>
                            <a href="#">留言反馈</a>
                        </div>
                    </li>
                    <li class="site_nav_pipe"></li>
                    <li class="li6 por">
                        <a href="ShopNothing.html">
                            <span></span> 购物车
                            <p>(0)</p>
                            <i></i>
                        </a>
                        <div class="line poa">
                        </div>
                        <div class="dropdown_cart poa" id="dropdown_cart">
                            <div class="empty">您的购物车中没有商品，
                                <a href="#">先去选购吧</a>！</div>
                        </div>
                    </li>
                    <li class="site_nav_pipe"></li>
                    <li class="li7">
                        <p>中国鲜花礼品网:中国鲜花网领先品牌</p>
                    </li>
                </ul>
            </div>
        </div>
        <!--顶部导航结束-->

        <!--头部开始-->
        <div class="header">
            <div class="center">
                <div class="logo">
                    <h1>
                      <a href="index.html"><img src="img/logo.png"/></a>   
                      <span class="wwww-name">花礼网</span>
                    </h1>
                    <i></i>
                    <h2>中国鲜花礼品网 始于2005，简称花礼网</h2>
                </div>
                <div class="search">
                    <form action="" method="post">
                        <input type="text" class="form_control" placeholder="商品关键词">
                        <button>搜索</button>
                    </form>
                    <span class="help_block">
                        <a href="#">红玫瑰</a> | 
                        <a href="#">永生花</a> | 
                        <a href="#">生日鲜花</a> | 
                        <a href="#">礼品卡</a>
                   </span>
                </div>
                <div class="service">
                    <span class="ico_phone"></span>400-889-8188
                    <span class="line">|</span>
                    <span class="ico_headset"></span>
                    <a href="#">在线客服</a>
                </div>
            </div>
        </div>
        <!--头部结束-->


        <!-- navDefault start -->
<div class="navDefault">
    <div class="wrapper clearfix">
        <div class="categorys dropdown por fl">
            <h3>
                <a href="#">
                    全部商品导购
                    <span class="icon-angle-down"></span>
                </a>
            </h3>
            <div class="dropdownMenu dropdownCate poa">
                <h4><a href="#">鲜花</a></h4>
                <ul class="cateList listInline clearfix">
                    <li><a href="#">爱情鲜花</a></li>
                    <li><a href="#">友情鲜花</a></li>
                    <li><a href="#">生日鲜花</a></li>
                    <li><a href="#">问候长辈</a></li>
                    <li><a href="#">祝贺鲜花</a></li>
                    <li><a href="#">婚庆鲜花</a></li>
                    <li><a href="#">探病慰问</a></li>
                    <li><a href="#">道歉鲜花</a></li>
                    <li><a href="#">开业花篮</a></li>
                </ul>
                <h4><a href="#">永生花</a></h4>
                <ul class="cateList listInline clearfix">
                    <li><a href="#">经典花盒</a></li>
                    <li><a href="#">巨型玫瑰</a></li>
                    <li><a href="#">薰衣草</a></li>
                    <li><a href="#">永生瓶花</a></li>
                    <li><a href="#">特色永生花</a></li>
                </ul>
                <h4><a href="#">蛋糕</a></h4>
                <ul class="cateList listInline clearfix">
                    <li><a href="#">元祖</a></li>
                    <li><a href="#">好利来</a></li>
                    <li><a href="#">可颂坊</a></li>
                    <li><a href="#">窝夫小子</a></li>
                    <li><a href="#">米卡米卡</a></li>
                    <li><a href="#">一品轩</a></li>
                    <li><a href="#">幸福西饼</a></li>
                    <li><a href="#">Mcake</a></li>
                    <li><a href="#">诺心</a></li>
                    <li><a href="#">Vcake</a></li>
                    <li><a href="#">全国品牌</a></li>
                </ul>
                <h4><a href="#">礼品</a></h4>
                <ul class="cateList listInline clearfix">
                    <li><a href="#">泰国保鲜花</a></li>
                    <li><a href="#">音乐盒</a></li>
                    <li><a href="#">水晶内雕</a></li>
                    <li><a href="#">金箔花</a></li>
                    <li><a href="#">化妆镜</a></li>
                    <li><a href="#">香薰系列</a></li>
                    <li><a href="#">音乐睡枕</a></li>
                    <li><a href="#">花瓶/相框</a></li>
                    <li><a href="#">镀金玫瑰</a></li>
                    <li><a href="#">LED蜡烛</a></li>
                    <li><a href="#">卡通花束</a></li>
                    <li><a href="#">品牌公仔</a></li>
                    <li><a href="#">智能音箱</a></li>
                    <li><a href="#">首饰</a></li>
                    <li><a href="#">手工巧克力</a></li>
                    <li><a href="#">进口巧克力</a></li>
                    <li><a href="#">创意礼品</a></li>
                    <li><a href="#">礼品卡</a></li>
                </ul>
                <h4><a href="#">绿植</a></h4>
                <ul class="cateList listInline clearfix">
                    <li><a href="#">绿色植物</a></li>
                    <li><a href="#">盆栽花卉</a></li>
                </ul>
            </div>
        </div>
        <ul class="nav fl clearfix">
            <li><a href="index.html" class="in-block">首页</a></li>
            <li><a href="xianhua.html" class="in-block">鲜花</a></li>
            <li><a href="yongshenghua.html" class="in-block">永生花</a></li>
            <li><a href="cake.html" class="in-block">蛋糕</a></li>
            <li><a href="present.html" class="in-block">礼品</a></li>
            <li class="lastnone"><a href="chooseflower.html" class="in-block">一分钟教你选花</a></li>
        </ul>
    </div>
</div>
<!-- navDefault end -->
<!-- 中部 start -->
<div class="main">
    <div class="affixBox">
        <ul class="sectionNav">
            <li>花材</li>
            <li>数量</li>
            <li>颜色</li>
            <li>进阶篇</li>
            <li class="goTop">回顶部</li>
        </ul>
    </div>
    <div class="tDefault">
        <div class="wrapper">
            <div class="bd">
                <img src="img/tutorial_p1.png" alt="">
                <span class="defaultArrow"></span>
            </div>
        </div>
    </div>
    <div class="tMaterial d0">
        <div class="wrapper">
            <div class="hd">
                <h3>花材</h3>
                <p>
                    每种花都有自己的花语，当你在选择送的对象时，<br>
                    千万不要送错，免得出糗哦
                </p>
            </div>
            <div class="bd">
                <a href="#"><img src="img/tutorial_p2_1.jpg" alt=""></a>
                <a href="#"><img src="img/tutorial_p2_2.jpg" alt=""></a>
                <a href="#"><img src="img/tutorial_p2_3.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <div class="tAmount d1">
        <div class="wrapper">
            <div class="hd">
                <h3>数量</h3>
                <p>
                    不同玫瑰朵数，有不同的寓意，但都是对爱情的美好祝福<br>
                    <span class="textPrimary">（最简单的秘诀：有纪念意义的场合就多送就对了）</span>
                </p>
            </div>
            <div class="bd">
                <ul class="clearfix">
                    <li class="amountLi">
                        <a href="#">
                            <img src="img/tutorial_p3_11.png" alt="">
                            11枝代表一心一意
                        </a>
                    </li>
                    <li>
                        <img src="img/tutorial_p3_1.png" alt="">
                    </li>
                    <li class="amountLi">
                        <a href="#">
                            <img src="img/tutorial_p3_16.png" alt="">
                            16枝代表最深的爱
                        </a>
                    </li>
                    <li class="amountLi">
                        <a href="#">
                            <img src="img/tutorial_p3_19.png" alt="">
                            16枝代表期待陪伴
                        </a>
                    </li>
                    <li>
                        <img src="img/tutorial_p3_2.png" alt="">
                    </li>
                    <li class="amountLi">
                        <a href="#">
                            <img src="img/tutorial_p3_33.png" alt="">
                            33枝代表爱你三生三世
                        </a>
                    </li>
                    <li class="amountLi">
                        <a href="#">
                            <img src="img/tutorial_p3_99.png" alt="">
                            99枝代表长相厮守
                        </a>
                    </li>
                    <li>
                        <img src="img/tutorial_p3_3.png" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="tColour d2">
        <div class="wrapper">
            <div class="hd">
                <h3>颜色</h3>
                <p>
                    花的颜色也可以诉说不同的语言，你想要表达什么呢？<br>
                    花能说出你心中的秘密
                </p>
            </div>
            <div class="bd">
                <a href="#"><img src="img/tutorial_p4_1.jpg" alt=""></a>
                <a href="#"><img src="img/tutorial_p4_2.jpg" alt=""></a>
                <a href="#"><img src="img/tutorial_p4_3.jpg" alt=""></a>
                <a href="#"><img src="img/tutorial_p4_4.jpg" alt=""></a>
            </div>
        </div>
    </div>
    <div class="tAdvance d3">
        <div class="wrapper">
            <div class="hd">
                <h3>进阶篇</h3>
            </div>
            <div class="bd por">
                <div class="banner por">
                    <ul class="bannerImg poa clearfix">
                        <li><a href=""><img src="img/tutorial_p5_1.jpg" alt=""></a></li>
                        <li><a href=""><img src="img/tutorial_p5_2.jpg" alt=""></a></li>
                        <li><a href=""><img src="img/tutorial_p5_3.jpg" alt=""></a></li>
                    </ul>
                </div>
                <div class="controls poa">
                    <ul class="bannerBtn clearfix">
                        <li class="current"><span>高端</span></li>
                        <li><span>别致</span></li>
                        <li><span>珍藏</span></li>
                    </ul>
                </div>
                <p class="prev poa"></p>
                <p class="next poa"></p>
            </div>
        </div>
    </div>
</div>
<!-- 中部 end -->

<!--尾部导航开始-->
        <div class="footer_nav">
            <div class="center">
                <ul class="clearfix">
                    <li>
                        <a href="#">首页</a>
                    </li>
                    <li>
                        <a href="#">关于我们</a>
                    </li>
                    <li>
                        <a href="#">媒体报道</a>
                    </li>
                    <li>
                        <a href="#">联系方式</a>
                    </li>
                    <li>
                        <a href="#">企业团购</a>
                    </li>
                    <li>
                        <a href="#">花店加盟</a>
                    </li>
                    <li>
                        <a href="#">友情链接</a>
                    </li>
                    <li>
                        <a href="#">在线补款</a>
                    </li>
                    <li>
                        <a href="#">为什么选择中国鲜花礼品网</a>
                    </li>
                </ul>
            </div>
        </div>
        <!--尾部导航结束-->
        
        <!--合作商开始-->
        <div class="auth">
            <div class="center">
                <a href="#"><img src="img/hezuo_01.jpg" /></a>
                <a href="#"><img src="img/hezuo_02.jpg" /></a>
                <a href="#"><img src="img/hezuo_03.jpg" /></a>
                <a href="#"><img src="img/hezuo_04.jpg" /></a>
                <a href="#"><img src="img/hezuo_05.jpg" /></a>
                <a href="#"><img src="img/hezuo_06.jpg" /></a>
                <a href="#"><img src="img/hezuo_07.jpg" /></a>
                <a href="#"><img src="img/hezuo_08.jpg" /></a>
                <a href="#"><img src="img/hezuo_09.jpg" /></a>
            </div>
        </div>
        <!--合作商结束-->

        <!--版权开始-->
        <div class="copyright">
            <div class="center clearfix">
                <p>
                    <a href="#">中国花卉协会会员</a>
                    <a href="#">中国电子商务协会会员</a>
                    ICP经营许可证：
                    <a href="#">粤B2-20050744</a>
                    <a href="#">粤ICP备09171662号</a>
                    <span class="beian"></span> 粤公网安备44030502000373号 Copyright © 2005-2016
                </p>
                <p>
                    花礼网 （中国鲜花礼品网）
                    <a href="#">www.hua.com</a>
                    中国鲜花网领先品牌，鲜花速递专家！
                </p>
            </div>
        </div>
        <!--版权结束-->
<script src="js/chooseflower.js"></script>
<script src="js/jquery-1.11.3.min.js"></script>
</body>
</html>